<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin:0;padding:0;}
        table{width: 100%;}
        .header{margin-top: 3mm;}
        .border{border-collapse: collapse;width:100%;}
        .border td{border: 1px solid #000;height:40px;}
        .text-center{text-align: center;}
        .text-right{text-align: right;}
        .text-left{text-align: left;padding-left:2mm;}
        .text-bold{font-weight:900;}
        .line-hieght{padding:2mm 0;}
        .product td{text-align: center;}
        .border-bottom{border-bottom: #000 solid 1px;}
    </style>
</head>
<body>
<table class="header">
    <tr>
        <td>
            <div style='padding-top: 8mm;'><img style="width: 35%;" src='{$barcode}'/></div>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td class="text-right line-hieght" style="width: 10%;">生成时间:</td>
        <td class="text-left" style="width: 30%;">{:date('Y-m-d H:i:s')}</td>
    </tr>
    <tr>
        <td class="text-right line-hieght" style="width: 10%;"></td>
        <td class=""></td>
    </tr>
</table>
 <table class="border product" style="margin-top: 10mm;">
        <thead>
            <tr>
                <td class="text-bold">图片</td>
                <td class="text-bold">SKU</td>
                <td class="text-bold">数量</td>
                <td class="text-bold">备注</td>
            </tr>
        </thead>
        <tbody>
            {foreach $data as $item}
            <tr>
                <td style="width: 33mm; padding: 2mm;">
                    <img style="width: 30mm;" src="{$item.image_url}">
                </td>
                <td>
                    <p><img style="width: 30mm;" src="{$item.bar_code}"></p>
                    <p>{$item.sku}</p>
                </td>
                <td>{$item.qty}</td>
                <td></td>
            </tr>
            {/foreach}
            <tr>
                <td colspan="2" class="text-right">总数</td>
                <td>{$total_qty}</td>
                <td></td>
            </tr>
        </tbody>
     </table>
</body>
</html>